<template>
  <el-card class="box-card" :body-style="bodyStyle">
    <div class="card-item" v-for="(tip, idx) in tips" :key="idx">
      <i class="el-icon-warning"></i>
      {{ tip }}
    </div>
  </el-card>
</template>

<script>
export default {
  props: {
    tips: {
      type: Array,
      default() {
        return []
      }
    }
  },
  data() {
    return {
      bodyStyle: {
        background: '#fffbf3',
        color: '#efb44a',
        padding: '0 30px',
        fontSize: '14px',
        borderRadius: '4px'
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.el-card {
  border: 1px solid #fec;
  margin-bottom: 30px;
  color: #efb44a;
  .card-item {
    line-height: 32px;
  }
}
</style>
